<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			
			*{
				padding: 0;
				margin: 0;
			}
			.a{
				display: -webkit-box;
				-webkit-box-orient:vertical;
				height: 400px;
				width: 400px;
				outline: 1px #0000CC solid;
			}
			
			.ccc{
				display: block;
				-webkit-box-flex: 1;
				background: yellow;
			}
			
			
			
		</style>
	</head>
	<body>
		<div class="a">
			1
			<div class="ccc">默认铺满剩余部分
				<p>1111</p>
			</div>
			<div class="ccc">默认铺满剩余部分</div>
			<p>1</p>
		</div>
		
		
		
	</body>
</html>
